<template>
  <div id="car">
         <template v-for="item in carArr">
            <ul :key="item.id" style="display:flex">
            <div class="ao">
              <li><img :src="item.coverImgUrl" alt=""></li>
            </div>

            <div class="aoo">
            <a href=""><span>{{item.name}}</span></a>
            <p>
            <span>{{item.trackCount}}首</span>
            <span>播放{{item.trackCount}}次</span>
            </p>
            </div>
          </ul>
      </template>
  </div>
</template>

<script>
export default {
props:["carArr"]
}
</script>
<style lang="scss" scoped>
#car{
  font-size: _vw(40);
  .ao{
    li{
      img{
      margin-left: _vw(20);
      width: _vw(120);
    }
    }
  }
  .aoo{
    margin-left: _vw(15);
    a{
      span{
      color: #000;
      }
    }
    p{
      padding-top: _vw(20);
      color: grey;
    }
  }

}
</style>